body{
    background-color: rgb(247, 247, 247);
}
//底部
.foot {
    margin-top: 135px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 11px;
    color: #9d9d9d;

    .service {
        color: #666;

        .to-service.online-person {
            margin-right: 30px;

            img {
                width: 18px;
                height: 15px;
                vertical-align: text-bottom;
                margin-right: 10px;
            }
        }

        //上
        .to-service {
            .phone {
                width: 12px;
                height: 16px;
                vertical-align: text-bottom;
                margin-right: 10px;
            }
        }
    }

    .copyright {
        padding: 10px 0;
        font-size: 10px;
        box-sizing: border-box;
    }

}

//底部end
.register {
    .section {
        width: 860px;
        min-height: 670px;
        background: #fff;
        margin: 0 auto;
        margin-top: 80px;
        overflow: hidden;

        .logo-area {
            margin-top: 60px;

            .vivo-logo-box {
                width: 160px;
                height: 42px;
                margin: 0 auto;
                cursor: pointer;

                img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
        }

        .title-item {
            margin-top: 40px;

            .title {
                font-size: 22px;
                color: #000;
                text-align: center;
                // background-color: yellow;
            }
        }

        .outer-box {
            width: 360px;
            margin: 0 auto;
            margin-top: 60px;
            margin-bottom: 100px;

            .inner-box {
                width: 360px;

                .phone-box {
                    margin-top: 15px;
                    height: 48px;
                    border: 1px solid #dedfe0;
                    cursor: pointer;

                    .phone-code {
                        width: 94px;
                        height: 46px;
                        padding-left: 12px;
                        line-height: 46px;
                        font-size: 16px;
                        color: #000;
                        float: left;
                        position: relative;

                        .show-code {
                            position: relative;
                        }

                        .show-code::after {
                            content: "";
                            width: 13.2px;
                            height: 7.7px;
                            position: absolute;
                            top: 21.3px;
                            right: 19.3px;
                            
                            background: url(../img/icon-arrow-down.png) no-repeat;
                            background-size: 100% 100%;
                        }
                       
                    }
                    .input{
                        float: left;
                        width: 264px;
                        font-size: 16px;
                        color: #252525;
                        height: 46px;
                        line-height: 46px;
                        border: none;
                    }
                }
            }
            .os-pc-btn{
                display: block;
                width: 360px;
                height: 48px;
                line-height: 48px;
                font-size: 17px;
                color: #fff;
                text-align: center;
                margin: 0 auto;
                margin-top: 20px;
                cursor: pointer;
                background-color: #456fff;
                background-image: linear-gradient(90deg,#418eff,#4566ff);
            }
        }
    }
}
#name,#pas{
color: red;
}
//
